html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
	font-weight: 400;
	color:#303133;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}
iframe {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}
ul,
ol,
li,
dl,
dt,
dd,
p {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left;line-height: 25px;font-size:14px;line-height:25px;font-weight:normal;}
a { color: inherit; text-decoration: none; cursor:pointer;}
a:hover {color:#409eff;text-decoration: underline; }
li {
	list-style: none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
img{vertical-align: middle;border: none;}
:focus{outline: none;}
@media screen and (min-width: 768px) {
	::-webkit-scrollbar-thumb {
		height: 32px;
		background: #d1d1d1;
		outline-offset: -2px;
		outline: 2px solid #fff;
		-webkit-border-radius: 6px;
		border: 3px solid rgba(245,247,249,1);
	}
	::-webkit-scrollbar-thumb:hover {
		background: #828282;
		-webkit-border-radius: 6px;
	}
	::-webkit-scrollbar-thumb:active {
		background: #747474;
		-webkit-border-radius: 6px;
	}
	::-webkit-scrollbar {
		width: 13px;
		height: 13px;
	}
	::-webkit-scrollbar-track-piece {
		background-color: rgba(255,255,255,0);
		-webkit-border-radius: 0;
	}
}
/* 以上为通用样式重置 */

/* 通用字体样式 */
.size-12 {
    font-size: 12px;
  }
.size-13 {
      font-size: 13px;
    }
.size-14 {
    font-size: 14px;
  }

  .size-16 {
    font-size: 16px;
  }
  .size-18 {
    font-size: 18px;
  }
  .size-20 {
    font-size: 20px;
  }
  .font-bold {
    font-weight: bold;
  }
  .color-red {
    color: #F56C6C
  }
  .color-blue {
    color: #409eff;
  }

  .color-gray {
    color: #909399;
  }
  .line-25 {
    line-height: 25px;
  }

  .align-center {
    text-align: center;
  }

/* jerome begin*/
.wj_full,.el-full {
	float: left;
	width: 100%;
	height: 100%;
}
.el-container {
	overflow: hidden\0;
}
.el-container,
.el-aside,
.el-main {
	height: 100%;
}
.el-main.el-main-style {
    //height: calc(100% - 100px) \9;
    padding: 0;
  }
.el-card-flex {
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	&>.el-card__body {
		flex: 1;
		display: flex;
		flex-direction: column;
		height: calc(100% - 53px) \9;
		overflow: hidden;
		overflow: auto\9;
		padding: 0;
		&>.text.item {
			display: flex;
			flex: 1;
			flex-direction: column;
			overflow: hidden;
			overflow: auto\9;
			padding: 10px;
		}
	}
}
.el-card__body{
  padding:10px;
}
.el-flex {
	flex: 1;
}
.el-box {
	display: flex;
}
.el-box-column {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	overflow: auto\9;
}
.el-flex-none {
	flex: none;
}
.el-over-auto {
	overflow: auto !important;
}
.el-pagination {
	margin-top: 10px;
}
.el-card__header {
	padding: 5px 10px;
}
.clearfix > span {
	line-height: 30px;
}

.el-input:not(.el-input-group):not(.el-input--suffix) .el-input__inner[readonly] {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner{
	cursor: auto !important;
}

/*fade*/
.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}

/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
	transition: all 0.5s;
}
.fade-transform-enter {
	opacity: 0;
	transform: translateX(-30px);
}
.fade-transform-leave-to {
	opacity: 0;
	transform: translateX(30px);
}

/*fade*/
.el-table th > .cell{text-align: center}

/* 表格内的图标按钮样式控制 */
.td-btn-icon {
	cursor: pointer;
	font-size: 18px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* 重置抽屉和模态框 */
.el-dialog {
	.el-dialog__header{
		background: #eaedf1;
		min-height: 30px;
	}
}

.el-dialog__wrapper{
  overflow: visible !important;
  display: flex;
  flex-direction: column;
}
.el-dialog{margin:auto !important;max-height: 90%;}
.el-dialog__body{overflow: auto;}
.el-dialog:not(.el-dialog-flex):not(.el-dialog-box) .el-dialog__body{max-height: calc(100% - 170px);}
.el-drawer{min-width: 400px;}
.el-drawer__body{overflow:auto;}
/* 重置message box按钮为右对齐 */
.el-message-box:not(el-message-box--center) .el-message-box__btns .el-button{float:right;margin-left: 10px}
/* 重置radio边距 */
label.is-bordered{margin-right: 10px !important;margin-left: 0 !important;;margin-bottom: 3px !important;;}
.el-form--inline {
    .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
      margin-bottom: 10px;
    }
	}
/* 弹性的dialog */
.el-dialog-flex{
	//height: 90%;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	.el-dialog__body{
		flex: 1;
		display: flex;
		flex-direction: column;
	}
}
/* 卡片式选项卡 */
.el-tabs-bg {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #EBEEF5;
    .el-tabs__nav-wrap:after {
      height: 0;
      border-bottom: 1px solid #EBEEF5;
    }

    .el-tabs__nav-wrap.is-top {
      padding: 0 10px;
    }

    .el-tabs__item {
      font-size: 15px;
    }

    .el-tab-pane {
      box-sizing: border-box;
      padding: 10px;
    }
  }
/* 弹性的选项卡容器 */
.el-tabs-flex {
   display: flex;
   flex-direction: column;
   overflow:hidden;
   .el-tabs__header.is-top{margin-bottom: 0;}
    .el-tabs__content {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: auto;
    }
  }
  /* 顶部导航样式*/
  .el-head-menu{
	  height: 50px;
	  overflow: hidden;
  }
  .el-head-menu.el-menu--horizontal>.el-menu-item {
    height: 50px !important;
    line-height: 50px !important;
	cursor: pointer;
  }
  .el-meun-cascader {
    float: left;
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    .el-cascader {
      position: absolute;
      top: 15px;
      left: 0;
      width: 30px;
      opacity: 0;
    }
  }
  .el-meun-popper {
    .el-cascader-menu__wrap {
      height: 70vh;
      min-height: 400px;
    }
    .el-icon-check{display: none;}
  }
/* 菜单折叠与展开样式控制 */
  .el-aside-collapse {
    position: absolute;
    top: 50%;
    right: 11px;
	z-index: 11;;
    width: 8px;
    height: 114px;
    margin-top: -57px;
    cursor: pointer;
    background: url("../assets/img/collapse-left.png") left center no-repeat;
  }

  .el-aside-collapse.spread {
    background-image: url("../assets/img/collapse-right.png");
  }
.el-header-collapse {
    position: absolute;
    left: 50%;
    top: -10px;
    z-index: 1;
    width: 114px;
    height: 8px;
    margin-left: -57px;
    cursor: pointer;
    background: url("../assets/img/collapse-top.png") left center no-repeat;
  }

  .el-header-collapse.spread {
    background-image: url("../assets/img/collapse-bottom.png");
  }
  /* 菜单样式重置*/
.el-aside .el-submenu .el-menu-item {
    min-width: 100%;
  }

  .el-menu-item{
	  &>a:before,.menu-item-link:after{
		  content: "";
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
	  }
  }
  .menu-item-icon{display:inline-block;width: 24px;margin:0 5px 0 0;text-align: center;}
  .menu-item-icon img{height: 18px;max-width:24px;vertical-align: sub;}
  /* 菜单酷黑皮肤*/
 .el-menu-black.el-main {
    background-color: rgb(48, 65, 86);
    border-right: none;
  }

  .el-menu-black .el-menu {
    background-color: #1f2d3d;
  }

  .el-menu-black .el-menu-item-group__title,
  .el-menu-black .el-menu-item,
  .el-menu-black .el-submenu__title,
  .el-menu-black .el-submenu__title i {
    color: rgb(191, 203, 217);
  }

  .el-menu-black .el-menu-item:hover,
  .el-menu-black .el-menu-item:focus,
  .el-menu-black .el-submenu__title:hover,
  .el-menu-black .el-submenu__title:focus {
    background-color: #263445;
  }

  .el-menu-black .el-menu-item.is-active {
    color: rgb(64, 158, 255);
  }

  .el-menu-black .el-submenu .el-menu-item {
    min-width: 100%;
  }
  /* 树形菜单样式重置*/
.el-tree-node .el-tree-node__content{height: 35px;margin-bottom: 1px;}  
.el-tree{
	.el-tree-node>.el-tree-node__children{
		overflow: visible;
	}
}
/* 附件图片预览 */
.upload-img-preview {
		.el-image__preview,
		.el-image__error {
			display: none;
		}
	}
	.upload-view-pic .el-upload--picture-card {
		display: none;
	}
	.upload-no-trans .el-upload-list__item {
	      transition: none !important;
	    }
	.upload-no-preview .el-upload-list__item-actions{display: none;}
